var host = location.host;
(function ($) {
    FB.init({
        appId: '125585647542635',
        status: true,
        cookie: true,
        xfbml: true
    });

    FB.Canvas.setAutoResize();
    console.log("Verificando status facebook...");

    FB.getLoginStatus(function (response) {
        if (!response.session) {
            window.location = "index.html";
        }
        else {
            infoUser();
        }
    });

    function infoUser() {
        FB.api('/me', function (response) {
            $('#infoUser a.facebook-username').text(response.name).attr("href", response.link);
            $('#infoUser a.facebook-picture').attr("href", response.link);
            $('#infoUser .img').attr('src', 'https://graph.facebook.com/' + response.id + '/picture');
        });
    }

    //$('.box-titulo strong').html("Categoria");
    preencheCategoria();
    $('#btnComprar').bind('click', actionComprar);
    //exibeProdutos();
    

    Cufon.now();
    //Cufon.set('fontFamily', 'Harrington');
    Cufon.replace('.harrington', {
        fontWeight: 'bold',
        fontStretch: 'semi-expanded'
    });

})(jQuery);

function exibeProdutos(){
    $.ajax({
        url: '/LaCruz_v2/resources/produtoes/',
        dataType: 'json',
        success: function(data){
            if (data != null){
                //$('.look').html('<img src="' + data.produto.caminhoImagem + '" alt="' + data.produto.descricao + '"/>');
                writeCategoria(data);
            }
        },
        error: function(data){
            console.log("Error...");
        }
    });
}

function preencheCategoria(){
        $.ajax({
            url: '/LaCruz_v2/resources/modeloes/',
            dataType: 'json',
            success: writeCategoria,
            error: function(data) {
                console.log(data);
            }
        });
}

function writeCategoria(data){
    var modelos = data.modelo;
    var categoria = "";
    console.log("Começou a escrever a Categoria...");
    console.log("Existem " + modelos.length + " modelos...");
    for (var i = 0; i < modelos.length; i++) {

        console.log("Iniciando a pesquisa no Modelo " + i);
        console.log("Checando se existe Produto...");

        if (modelos[i].produtoCollection != null){
            categoria += "<div class=\"categoria\">\n";
            categoria += "<div class=\"box-titulo\">";
            categoria += "<strong class=\"harrington\">" + modelos[i].descricao + "</strong>";
            categoria += "<span class=\"setaDireita direita\"></span></div>";
            categoria += "<div class=\"box-look group-look\">";

            if(modelos[i].produtoCollection != null || typeof(modelos[i].produtoCollection) == "object"){
                console.log("ProdutoCollection não é vazio...");
                console.log("Existem " + modelos[i].produtoCollection.produto.length + " produtos em produtoCollection...");
                if (modelos[i].produtoCollection.produto.length != undefined){
                    for (var j = 0; j < modelos[i].produtoCollection.produto.length; j++) {
                        console.log("Visualizando a lista " + j + " com ProdutoId: " + exibeId(modelos[i].produtoCollection.produto[j].uri));
                        categoria += "<div class=\"look\" id=\"look_" + exibeId(modelos[i].produtoCollection.produto[j].uri) + "\">";
                        categoria += "<img src=\"" + modelos[i].produtoCollection.produto[j].pathImagem + "\" alt=\"\" /></div>";
                    }
                }
                else {
                        categoria += "<div class=\"look\" id=\"look_" + exibeId(modelos[i].produtoCollection.produto.uri) + "\">";
                        categoria += "<img src=\"" + modelos[i].produtoCollection.produto.pathImagem + "\" alt=\"\" /></div>";
                }
            }
            else {
                console.log("ProdutoCollection é vazio...");
            }
            console.log("Encerrando as categorias...");
            categoria += "</div></div>";
        }
        console.log("Não existe produto...");
    }

    $('#sidebarCategoria').html(categoria);

    $('.box-titulo').bind("click", function () {
        var component = $(this);
        var seta = component.find('span');

        component.next().slideToggle('fast', function(){
        	if($(this).is(':visible')){
        		seta.removeClass('setaDireita').addClass('setaBaixo');
        	}
        	else {
        		seta.removeClass('setaBaixo').addClass('setaDireita');
        	}
        });
    });

    $('.group-look').sortable({
        connectWith: ['.group-look'],
        placeholder: 'dragHelp',
        scroll: true,
        stop: function (e, ui) {
            //salvaCookie();
        }
    });

    Cufon.refresh();
}

function exibeId(data){
    var url = data.replace('http://' + host + '/LaCruz_v2/resources/modeloes/','').replace('produtoCollection/','');

    return url.substring(2).replace('/', '');
}

function actionComprar(){
    var looks = $('#selecaoRoupas').find('.look');
    var ids = new Array();

    $.each(looks, function(i, item){
        var codigo = this.id.replace('look_', '');
        ids.push(codigo);
    });
    console.log('http://' + host + '/LaCruz_v2/faces/forward.xhtml?action=facebook&actionParam=' + ids.toString());
    window.open('http://' + host + '/LaCruz_v2/faces/forward.xhtml?action=facebook&actionParam=' + ids.toString());
}